$(document).ready(function(){
   var lastId,
   nav = $(".nav"),
   navHeight = nav.outerHeight(),
   menuItems = nav.find("a"),
   scrollItems = menuItems.map(function(){
      var item = $($(this).attr("href"));
      if (item.length) { return item; }
   });
   
   menuItems.click(function(e){
      var href = $(this).attr("href"),
      offsetTop = href === "#" ? 0 : $(href).offset().top-navHeight+1;
      $('html, body').stop().animate({ 
            scrollTop: offsetTop
         }, 300);
         e.preventDefault();
   });
   $(window).scroll(function(){
      var fromTop = $(this).scrollTop()+navHeight;
      if(fromTop < 131){
         $('.nav_wrap').removeClass('fix');
         $('.soft_introduction_wrap').css('margin-top', 0);	
         $('.nav_introduction').addClass('nav_active_default')
      }else{ 
         $('.nav_wrap').addClass('fix');
               $('.nav_wrap').css({'top':'0'});
               $('.soft_introduction_wrap').css('margin-top', 45);	
         $('.nav_introduction').removeClass('nav_active_default')}
      
      // lấy id scroll item hiện tại
      var cur = scrollItems.map(function(){
        if ($(this).offset().top < fromTop)
          return this;
      });
      // lấy id phần tử hiện tại
      cur = cur[cur.length-1];
      var id = cur && cur.length ? cur[0].id : "";
      
      if (lastId !== id) {
          lastId = id;
          // add và remove active class
          menuItems
            .parent().removeClass("nav_active")
            .end().filter("[href=#"+id+"]").parent().addClass("nav_active");
      }                   
      });   
})